<template>
  <!-- 盒须图 -->
  <sweet-boxplot-chart
    :settings="settings"
    :chartData="chartData"
    width="700px"
  ></sweet-boxplot-chart>
</template>
<script>
export default {
  data() {
    return {
      settings: {
        xAxisData: ['10/1', '10/2', '10/3', '10/4', '10/5', '10/6', '10/7'],
        xTitle: 'X轴标题',
        yTitle: 'Y轴标题',
        markLine: true,
      },
      chartData: [
        {
          value: [
            [55, 70, 80, 85, 90],
            [67.25, 80.0, 84.5, 88.5, 99.5],
            [78.0, 84.0, 85.5, 88.0, 94.0],
            [62.1, 76, 81, 86, 95.25],
            [67, 80, 84, 88, 90.5]
          ],
          name: 'boxplot1boxplot1boxplot1boxplot1boxplot1',
          color: 'rgba(152, 162, 243, 0.2)',
          borderColor: 'rgba(152, 162, 243, 1)'
        },
        {
          value: [
            [25, 40, 50, 55, 60],
            [67.25, 80.0, 84.5, 88.5, 99.5],
            [78.0, 84.0, 85.5, 88.0, 94.0],
            [62.1, 76, 81, 86, 95.25],
            [67, 80, 84, 88, 90.5]
          ],
          name: 'boxplot2',
          color: 'rgba(238, 52, 63, 0.2)',
          borderColor: 'rgba(238, 52, 63, 1)'
        }
      ]
    }
  },
  methods: {

  }
};
</script>
